<!DOCTYPE html>
<html>
  <head>
    <link rel="shortcut icon" href="./favicon.ico" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>健身计数</title>
    <link
      rel="preload"
      as="style"
      onload="this.onload=null;this.rel='stylesheet'"
      href="./app.css"
    />
    <style>
      .skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f6ffed;
      }
      .skeleton-splash {
        width: 120px;
        height: 120px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -60px 0 0 -60px;
      }
      .skeleton-splash-bound-1,
      .skeleton-splash-bound-2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #389e0d;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        animation: splash 2s infinite ease-in-out;
      }
      .skeleton-splash-bound-2 {
        animation-delay: -1s;
      }
      @keyframes splash {
        0%,
        to {
          transform: scale(0);
        }
        50% {
          transform: scale(1);
        }
      }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="skeleton">
        <div class="skeleton-splash">
          <div class="skeleton-splash-bound-1"></div>
          <div class="skeleton-splash-bound-2"></div>
        </div>
      </div>
    </div>
    <script
      defer
      src="https://cdn.bootcss.com/react/16.8.0-alpha.1/umd/react.production.min.js"
    ></script>
    <script
      defer
      src="https://cdn.bootcss.com/react-dom/16.8.0-alpha.1/umd/react-dom.production.min.js"
    ></script>
    <script
      defer
      src="https://cdn.bootcss.com/babel-standalone/7.0.0-beta.3/babel.min.js"
    ></script>
    <script defer type="text/babel" src="./app.js"></script>
    <script>
      (function() {
        if (window.addEventListener) {
          window.addEventListener("load", function() {
            var script = document.createElement("script");

            script.src = "./regSW.pwa.js?t=" + Date.now();
            script.async = true;
            script.type = "text/javascript";
            script.crossOrigin = "anonymous";

            document.head.insertBefore(script, document.head.firstChild);
          });
        }
      })();
    </script>
  </body>
</html>
